<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title></title>
	<link rel="stylesheet" type="text/css" href="img/global.css" media="all">
	<style>
		html,body{background-color: #F7F7F7;}
	</style>
	<script src="http://www.duowan.com/public/assets/sys/js/jquery.js?02131514.js"></script>
</head>
<body>
	<div class="main-slide">
		<p class="user-name">易晓杰， <br />欢迎您！(721)</p>
		<div class="main-nav">
			<h2><a href="">首页</a></h2>
			<ul class="parent-list J-tree">
				<li class="nav-item subText">A</li>
				<li class="nav-item">
					<p class="subject-title parent-title"><a href="">魔兽世界</a></p>
					<ul class="son-list">
						<li><a href="">有些内容有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li class="last"><a href="">有些内容</a></li>
					</ul>
				</li>
				<li class="nav-item subText">B</li>
				<li class="nav-item">
					<p class="subject-title parent-title"><a href="">龙之谷</a></p>
					<ul class="son-list">
						<li><a href="">有些内容有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li class="last"><a href="">有些内</a></li>
					</ul>
				</li>
				<li class="nav-item subText">C</li>
				<li class="nav-item">
					<p class="subject-title parent-title"><a href="">天之痕</a></p>
					<ul class="son-list">
						<li><a href="">有些内容有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li class="last"><a href="">有些内容</a></li>
					</ul>
				</li>
				<li class="nav-item">
					<p class="subject-title parent-title"><a href="">天之痕</a></p>
					<ul class="son-list">
						<li><a href="">有些内容有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li><a href="">有些内容</a></li>
						<li class="last"><a href="">有些内容</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="action-bar">
			<ul>
				<li><a href="">用户列表</a></li>
				<li><a href="">用户名修改</a></li>
				<li><a href="">邮箱修改</a></li>
				<li><a href="">获取新密码串</a></li>
				<li><a href="">退出</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
			var j_root = $("ul.J-tree");
			j_root.find('.parent-title').toggle(function() {
				$(this).addClass('active').next('.son-list').slideDown();
			}, function() {
				$(this).removeClass('active').next('.son-list').slideUp();
			});
		})
	</script>
</body>
</html>